<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
	<title>Applikationen</title>
     <link rel="stylesheet" href="css/style.css" type="text/css">
     <meta name="viewport" content="width=device-width" />
</head>

<body>
	<header>
		<h1 class="title">Applikationen</h1>
	</header>
	<main>
		<p>OpenBoard bietet verschiedene Apps und Werkzeuge. Sie können auf diese zugreifen, indem Sie auf <span class="icon"><img src="../../assets/common/ApplicationsCategory.png" alt=""></span> in der OpenBoard-Bibliothek klicken</p>
		<h3>Standard-Apps</h3>
		<p>Hier finden Sie geometrische Werkzeuge, einen Taschenrechner, Google Map, einen QR-Code-Generator und vieles mehr! Kombinieren Sie sie, um anregende Lernerfahrungen zu schaffen!</p>
		<div class="image"><img src="../../assets/hint10/application-gif1.gif" alt=""></div>
		<h3>Erstellen Sie Apps</h3>
		<p>Wie im Abschnitt Internetmodus erläutert, können Sie eine App von einer Website aus erstellen, indem Sie den internen Browser verwenden oder eine URL mit Kopieren und Einfügen auf das Board einfügen.</p>
		<p>Damit können Sie Ihren Unterricht mit leistungsstarken Online-Tools aufpeppen, die Sie direkt auf dem Board verwenden können! Hier sind einige Beispiele interessanter Apps (Ziehen Sie sie auf das Board, um sie zu testen!) :</p>
		<ul>
			<li><a class="non-clickable" href="https://scratch.mit.edu/">Scratch</a></li>
			<li><a class="non-clickable" href="https://phet.colorado.edu">Die PhET-Simulationen</a></li>
			<li><a class="non-clickable" href="https://earth.google.com/web">Google Earth</a></li>
			<li><a class="non-clickable" href="https://flockmod.com">Flockmod</a></li>
			<li><a class="non-clickable" href="https://www.duolingo.com/">Duolingo</a></li>
		</ul>
		
		<p>... und noch viel mehr!</p>
		
		<span class="tip"><span class="icon"><img src="../../assets/common/tip.png" alt=""></span>Benötigen Sie einen leistungsfähigeren Taschenrechner als den, der standardmäßig in OpenBoard enthalten ist? Denken Sie daran! Sie können Ihre eigenen Anwendungen erstellen! Ziehen Sie den folgenden Link per Drag & Drop auf Ihr Board: <a class="non-clickable" href="https://ti89-simulator.com/">https://ti89-simulator.com/</a></span>
	</main>
	<footer>

	</footer>
	<script>
		document.querySelectorAll('.non-clickable').forEach(e => e.addEventListener('click', e => {
			e.stopPropagation();
			e.preventDefault();
		}));
	</script>
</body>
</html>
